<template>
  <div class="high-container">
    <div class="title">评估报告</div>
    <div class="content-info">
      <div class="list flex items-middle">
        <div class="name">评估总分：</div>
        <div class="count">{{companyInfo.totalScore || '0'}}分</div>
      </div>
      <div class="list tips flex items-middle">{{ companyInfo.message }}</div>
      <div class="list flex items-middle">
        <div class="name">评估总分：</div>
        <div class="lable-info">{{companyInfo.companyName || '--'}}</div>
      </div>
      <div class="list flex items-middle">
        <div class="name">项目名称：</div>
        <div class="lable-info">{{companyInfo.evaluationType || '--'}}</div>
      </div>
    </div>
    <div class="content-info">
      <div class="content-title">
        <p>评估结果</p>
      </div>
      <div class="content-table">
        <table cellspacing="0" cellpadding="0" border="1">
          <tbody>
            <tr>
              <th class="half table-cell text-gray">类别</th>
              <th class="flex-1 table-cell text-gray">得分</th>
            </tr>
            <tr>
              <td class="table-cell" style="width:280px">科技人员指标</td>
              <td class="table-cell num">{{companyInfo.technologyPersonnelScore || '0'}}</td>
            </tr>
            <tr>
              <td class="table-cell">研发费用占比</td>
              <td class="table-cell num">{{companyInfo.researchExpenseRatioScore || '0'}}</td>
            </tr>
            <tr>
              <td class="table-cell">科技成果指标</td>
              <td class="table-cell num">{{companyInfo.technologyResultScore || '0'}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="content-info">
      <div class="content-title">
        <p>评估说明</p>
      </div>
      <div class="explain">
        认定条件：
        <br />1、职工总数不超过500人、年销售收入不超过2亿元、资产总额不超过2亿元。
        <br />2、分值大于60分
      </div>
    </div>
    <!-- <div class="content-info flex flex-center">
      <el-button type="primary" size="medium">精准测评</el-button>
    </div>-->
  </div>
</template>
<script>
import { getDeclareScience } from "../../../api/declare.js";
export default {
  props: {
    companyName: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      companyInfo: {}
    };
  },
  methods: {
    getDetail() {
      getDeclareScience({ companyName: this.companyName }).then(res => {
        if (res.code === 200) {
          this.companyInfo = res.result;
        } else {
          this.$message({
            type: "warning",
            message: res.message
          });
        }
      });
    }
  }
};
</script>
<style lang="less" scoped src="./index.less"></style>